<template>
    <div>
        <mt-header fixed class="m_mint_header" title="历史记录">
            <router-link to="/m/manage-record" slot="left">
                <mt-button icon="back"></mt-button>
            </router-link>
        </mt-header>
        <div class="h50"></div>
        <div class="buy_manage_detail">
            <el-card :body-style="{ padding: '0px' }" shadow="never">
                <div class="card_title">
                    <span>{{this.$route.query.product}}</span>
                </div>
                <div class="card_body">
                    <el-button disabled type="text">实际到账金额(WE)</el-button>
                    <el-button disabled type="text">投资收益(WE)</el-button>
                </div>
                <div class="card_footer">
                    <el-button disabled type="text">{{(this.$route.query.money)*1 + (this.$route.query.amount)*1}}</el-button>
                    <el-button disabled type="text">{{this.$route.query.money}}</el-button>
                </div>
            </el-card>
        </div>
        <div class="manage_details_list">
            <mt-cell title="购买金额" :value="this.$route.query.amount"></mt-cell>
            <mt-cell title="起利时间" :value="this.$route.query.createTime"></mt-cell>
            <mt-cell title="到期时间" :value="this.$route.query.endTime"></mt-cell>
            <mt-cell title="到账时间" :value="this.$route.query.endTime"></mt-cell>
        </div>
    </div>

</template>

<script>
    export default {
        name: "ManageDetails"
    }
</script>

<style>
    .manage_details_list .mint-cell {
        background: transparent;
    }
    .manage_details_list .mint-cell .mint-cell-wrapper{
        font-size: .3rem;
    }
</style>
